<template>
  <div>
    <el-dialog
        :title="hiddens.title"
        :visible.sync="hiddens.visible"
        width="30%"
        @close='closeForm'
        >
        <!-- 自定义内容 -->
        <slot></slot>
        <span slot="footer" class="dialog-footer">
            <el-button  @click="dialogVisibleHidden">取 消</el-button>
            <el-button type="primary" @click="dialogVisibleshow">确 定</el-button>
        </span>
    </el-dialog>
  </div>
</template>

<script>
export default {
  name: 'dialogBox',
  // 对话框的基本数据
  props:{
    hiddens: {
        type: Object,
    },

  },
  methods:{
    // 点击确认按钮
    dialogVisibleshow(){
      this.$emit('childFn','sub')
      // 点击确认按钮满足条件时触发
      if(this.hiddens.okForm==false){
        this.hiddens.visible=false
      }
    },
    // 点击取消按钮
    dialogVisibleHidden(){
      this.hiddens.visible=false
      this.$emit('childFn','hiddens')
    },
    // // 重置表单
    // closeForm(){
    //   this.$emit('childFn','close')
    // }
  }
}
</script>

<style scoped>
</style>
